<div class="portlet-data">
	<script type="text/html" id="SamplePortletView">
		<div class="title">
			<img width="40px" height="30px" src="static/images/logo.jpg" alt="logo" />
			Welcome to JooFramework!
		</div>
		<p>
			JOO is a javascript framework, by which programmer can make a website like a traditional application. JOO is a platform for rich client application.
		</p>
		<p>
			Please take a look at <a href="static/js/app/portlets/samples/SamplePortlet.js">static/js/app/portlets/SamplePortlet.js</a>
			and <a href="static/microtemplating/default/samples/SamplePortlet.htm">static/microtemplating/default/samples/SamplePortlet.htm</a>
			for getting yourself familiar with Joo Framework & its portlet architecture.
		</p>
		<p>
			If this is the your first time with Joo Framework,
			consider consulting the following resources:
			<ul>
				<% for (var i=0; i<list.length; i++) { %>
					<li>
						<a href="<%=list[i].url%>"><%=list[i].title%></a>
					</li>
				<% } %>
			</ul>
		</p>  
	</script>
	
	<script type="text/html" id="UI-SampleDialog">
		<joo:composition>
			<joo:Var name="contentPane">
				<joo:Sketch backgroundColor="red">
					<joo:JOOButton lbl="Click me!"></joo:JOOButton>
				</joo:Sketch>
			</joo:Var>
		</joo:composition>
	</script>
</div>